<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script type="text/javascript" src="/js/jquery-1.11.1.min_044d0927.js"></script>
    <script type="text/javascript" src="/js/jquery.bxslider_e88acd1b.js"></script>

    <th:block th:include="common.html :: source"></th:block>
    <!--    <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>-->
    <!--    <link type="text/css" rel="stylesheet" href="/css/style.css"/>-->
    <link rel="shortcut icon" href="../resource/favicon.icon" th:href="@{/static/favicon.ico}"/>

</head>
<body>

<!--<th:block th:include="common :: header"></th:block>-->
<!-- top -->
<div class="soubg">
    <div class="sou">
    	<span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span id="s_city_title">四川</span>
                <div class="s_city_bg">
                  <div class="s_city_t"></div>
                  <div class="s_city_c">
                    <h2>请选择所在的收货地区</h2>
                    <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                           cellpadding="0">
                      <tr>
                        <th>A</th>
                        <td class="c_h"><span>安徽</span><span>澳门</span></td>
                      </tr>
                      <tr>
                        <th>B</th>
                        <td class="c_h"><span>北京</span></td>
                      </tr>
                      <tr>
                        <th>C</th>
                        <td class="c_h"><span>重庆</span></td>
                      </tr>
                      <tr>
                        <th>F</th>
                        <td class="c_h"><span>福建</span></td>
                      </tr>
                      <tr>
                        <th>G</th>
                        <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                      </tr>
                      <tr>
                        <th>H</th>
                        <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                      </tr>
                      <tr>
                        <th>J</th>
                        <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                      </tr>
                      <tr>
                        <th>L</th>
                        <td class="c_h"><span>辽宁</span></td>
                      </tr>
                      <tr>
                        <th>N</th>
                        <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                      </tr>
                      <tr>
                        <th>Q</th>
                        <td class="c_h"><span>青海</span></td>
                      </tr>
                      <tr>
                        <th>S</th>
                        <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span
                                class="c_check">四川</span><span>陕西</span></td>
                      </tr>
                      <tr>
                        <th>T</th>
                        <td class="c_h"><span>台湾</span><span>天津</span></td>
                      </tr>
                      <tr>
                        <th>X</th>
                        <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                      </tr>
                      <tr>
                        <th>Y</th>
                        <td class="c_h"><span>云南</span></td>
                      </tr>
                      <tr>
                        <th>Z</th>
                        <td class="c_h"><span>浙江</span></td>
                      </tr>
                    </table>
                  </div>
                </div>
            </span>
        </span>
        <span class="fr">

<!--&lt;!&ndash;            <span class="fl" th:if="${session.user == null}">你好，请<a href="/login.html" style="color:#ff4e00;">登录</a>&nbsp;<a href="/register" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>&ndash;&gt;-->

                <span class="fl" th:if="${session.user == null}">你好，请<a href="/login" style="color:#ff4e00;">登录</a>&nbsp;<a
                        href="/register" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>
                <span class="fl" th:if="${session.user != null}"><a href="/user/userInfo">欢迎回来，<span
                        th:text="${session.user.userName}"></span></a>&nbsp;|&nbsp;<a
                        href="/orderList">我的订单</a>&nbsp;</span>
                <span class="fl" th:if="${session.user != null}">|&nbsp;<a href="/user/logout">注销</a></span>

        </span>
    </div>
</div>
<!--top-->
<div class="top">
    <div class="logo">
        <a href="/productCategory/main"><img src="/images/logo.png" style="width: 230px;border:0px solid red;"></a>
    </div>
    <div class="search">
        <form action="/product/search" method="post">
            <input type="text" name="keyWord" class="s_ipt">
            <input type="submit" value="搜索" class="s_btn">
        </form>
    </div>
    <div class="i_car">
        <a href="/cart/findAllCart">
            <div class="car_t">

                <!--                    购物车 [-->
                <!--                    <span th:text="${cartList.size()}"></span>-->
                <!--                    ]-->

                购物车 [
                <span th:text="${cartList.size()}"></span>
                ]
            </div>
        </a>

        <div class="car_bg">
            <div class="un_login">我的购物车</div>
            <ul class="cars">

                <!--                    <li th:each="cart:${cartList}">-->
                <!--                        <div class="img"><a th:href="'/product/findById/'+${cart.productId}"><img th:src="'/images/'+${cart.fileName}" width="58" height="58" /></a></div>-->
                <!--                        <div class="name"><a th:href="'/product/findById/'+${cart.productId}" th:text="${cart.name}"></a></div>-->
                <!--                        <div class="price"><font color="#ff4e00" th:text="'￥'+${cart.price}"></font> X <span class="quantity" th:text="${cart.quantity}"></span>  =  <span class="cost" th:text="${cart.cost}"></span></div>-->
                <!--                    </li>-->

                <li th:each="cart:${cartList}">
                    <div class="img"><a th:href="'/product/findById/'+${cart.productId}"><img th:src="'/images/'+${cart.fileName}" width="58" height="58"/></a></div>
                    <div class="name"><a th:href="'/product/findById/'+${cart.productId}" th:text="${cart.name}"></a></div>
                    <div class="price"><font color="#ff4e00" th:text="'￥'+${cart.price}"></font> X <span
                            class="quantity" th:text="${cart.quantity}"></span> = <span class="cost"
                                                                                        th:text="${cart.cost}"></span>
                    </div>
                </li>
            </ul>
            <div class="price_sum">共计&nbsp;<span id="totalCost"></span></div>
            <div class="price_a"><a href="/cart/findAllCart">去结算</a></div>
        </div>

    </div>
</div>
<!-- search -->
<script type="text/javascript">
    $(function () {
        //购物车总价
        var array = $(".cost");
        var totalCost = 0;
        for (var i = 0; i < array.length; i++) {
            var val = parseInt($(".cost").eq(i).html());
            totalCost += val;
        }
        $("#totalCost").html("￥" + totalCost);
    });
</script>


<th:block th:include="common :: category"></th:block>
<!--<div class="menu_bg">-->
<!--    <div class="menu">-->
<!--        <div class="nav">-->
<!--            <div class="nav_t">全部商品分类</div>-->
<!--            <div class="leftNav">-->

<!--                <ul>-->
<!--                    &lt;!&ndash;                    <li th:each="productCategoryOne:${list}">&ndash;&gt;-->
<!--                    &lt;!&ndash;                        <div class="fj">&ndash;&gt;-->
<!--                    &lt;!&ndash;                            <span class="n_img"></span> <span class="fl" th:text="${productCategoryOne.name}"></span>&ndash;&gt;-->
<!--                    &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                    &lt;!&ndash;                        <div class="zj">&ndash;&gt;-->
<!--                    &lt;!&ndash;                            <div class="zj_l">&ndash;&gt;-->
<!--                    &lt;!&ndash;                                <div class="zj_l_c" th:each="productCategoryTwo:${levelOneProductList.children}">&ndash;&gt;-->
<!--                    &lt;!&ndash;                                    <h2>&ndash;&gt;-->
<!--                    &lt;!&ndash;                                        <a href="/productList.html" th:text="${productCategoryTwo.name}"></a>&ndash;&gt;-->
<!--                    &lt;!&ndash;                                    </h2>&ndash;&gt;-->
<!--                    &lt;!&ndash;                                    <a href="/productList.html"&ndash;&gt;-->
<!--                    &lt;!&ndash;                                       th:each="productCategoryThree:${levelOneProductList.children}"&ndash;&gt;-->
<!--                    &lt;!&ndash;                                       th:text="${productCategoryThree.name}"></a>&ndash;&gt;-->
<!--                    &lt;!&ndash;                                </div>&ndash;&gt;-->

<!--                    &lt;!&ndash;                            </div>&ndash;&gt;-->
<!--                    &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                    &lt;!&ndash;                    </li>&ndash;&gt;-->

<!--                    <li th:each="levelOne:${list}">-->
<!--                        <div class="fj">-->
<!--                            <span class="n_img"></span> <span class="fl" th:text="${levelOne.name}"></span>-->
<!--                        </div>-->
<!--                        <div class="zj">-->
<!--                            <div class="zj_l">-->
<!--                                <div class="zj_l_c" th:each="levelTwo:${levelOne.children}">-->
<!--                                    <h2>-->
<!--                                        <a th:href="'/product/list/2/'+${levelTwo.id}"-->
<!--                                           th:text="${levelTwo.name}"></a>-->
<!--                                    </h2>-->
<!--                                    <a th:each="levelThree:${levelTwo.children}"-->
<!--                                       th:href="'/product/list/3/'+${levelThree.id}"-->
<!--                                       th:text="${levelThree.name}"></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </li>-->

<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
<!--        <ul class="menu_r">-->
<!--            <li>-->
<!--                <a href="/productCategory/list">首页</a>-->
<!--            </li>-->

<!--            &lt;!&ndash;            &lt;!&ndash;                <li th:each="productCategory:${list}">&ndash;&gt;&ndash;&gt;-->
<!--            &lt;!&ndash;            &lt;!&ndash;                    <a th:href="'/product/list/one/'+${productCategory.id}" th:text="${productCategory.name}"></a>&ndash;&gt;&ndash;&gt;-->
<!--            &lt;!&ndash;            &lt;!&ndash;                </li>&ndash;&gt;&ndash;&gt;-->
<!--            <li>-->
<!--                <a href="/product/list/1/548">化妆品</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="/product/list/1/628">家用商品</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="/product/list/1/660">进口食品</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="/product/list/1/670">电子商品</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="/product/list/1/676">保健食品</a>-->
<!--            </li>-->
<!--            <li>-->
<!--                <a href="/product/list/1/681">箱包</a>-->
<!--            </li>-->
<!--            <li th:each="levelOne:${list}">-->
<!--                <a th:href="'/product/list/1/'+${levelOne.id}" th:text="${levelOne.name}"></a>-->
<!--            </li>-->

<!--        </ul>-->
<!--    </div>-->
<!--</div>-->

<div class="configHead">
    <div class="i_bg bg_color">
        <div class="i_ban_bg">
            <div class="banner" style="width: 978px">
                <div class="top_slide_wrap" style="width: 978px">
                    <ul class="slide_box bxslider" style="width: 978px">
                        <li><img src="/images/1.png" width="978" height="401"/></li>
                        <li><img src="/images/2.png" width="978" height="401"/></li>
                        <li><img src="/images/3.png" width="978" height="401"/></li>
                    </ul>
                    <div class="op_btns clearfix" style="width: 978px">
                        <a href="#" class="op_btn op_prev"><span></span></a> <a href="#"
                                                                                class="op_btn op_next"><span></span></a>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                var jq2 = jQuery.noConflict();
                (function () {
                    $(".bxslider").bxSlider({
                        auto: true,
                        prevSelector: jq2(".top_slide_wrap .op_prev")[0],
                        nextSelector: jq2(".top_slide_wrap .op_next")[0]
                    });
                })();
            </script>
        </div>
    </div>

    <!--    &lt;!&ndash; centrer &ndash;&gt;-->
    <!--&lt;!&ndash;    <div th:each="productCategory:${list}">&ndash;&gt;-->
    <!--&lt;!&ndash;        <div class="content mar_20">&ndash;&gt;-->
    <!--&lt;!&ndash;            <img th:src="${productCategory.bannerImg}" width="1200" />&ndash;&gt;-->
    <!--&lt;!&ndash;        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;        <div class="i_t mar_10">&ndash;&gt;-->
    <!--&lt;!&ndash;            <span class="floor_num" th:text="${productCategory.name}"></span> <span class="fl" th:text="${productCategory.name}">笔记本</span>&ndash;&gt;-->
    <!--&lt;!&ndash;        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;        <div class="content">&ndash;&gt;-->
    <!--&lt;!&ndash;            <div class="fresh_left">&ndash;&gt;-->
    <!--&lt;!&ndash;                <div class="fre_ban">&ndash;&gt;-->
    <!--&lt;!&ndash;                    <div id="imgPlay1" class="imgPlay1">&ndash;&gt;-->
    <!--&lt;!&ndash;                        <ul class="imgs" id="actor1">&ndash;&gt;-->
    <!--&lt;!&ndash;                            <li><a href="/productDetail.html"><img th:src="${productCategory.topImg}" width="211"&ndash;&gt;-->
    <!--&lt;!&ndash;                            /></a></li>&ndash;&gt;-->
    <!--&lt;!&ndash;                        </ul>&ndash;&gt;-->
    <!--&lt;!&ndash;                    </div>&ndash;&gt;-->
    <!--&lt;!&ndash;                </div>&ndash;&gt;-->
    <!--&lt;!&ndash;            </div>&ndash;&gt;-->
    <!--&lt;!&ndash;            <div class="fresh_mid">&ndash;&gt;-->
    <!--&lt;!&ndash;                <ul>&ndash;&gt;-->
    <!--&lt;!&ndash;                    <li th:each="productVO:${productCategory.productVOList}">&ndash;&gt;-->
    <!--&lt;!&ndash;                        <div class="name">&ndash;&gt;-->
    <!--&lt;!&ndash;                            <a href="/productDetail.html" th:text="${productVO.name}"></a>&ndash;&gt;-->
    <!--&lt;!&ndash;                        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;                        <div class="price">&ndash;&gt;-->
    <!--&lt;!&ndash;                            <font>￥<span th:text="${productVO.price}">206</span></font> &nbsp;&ndash;&gt;-->
    <!--&lt;!&ndash;                        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;                        <div class="img">&ndash;&gt;-->
    <!--&lt;!&ndash;                            <a href="/productDetail.html">&ndash;&gt;-->
    <!--&lt;!&ndash;                                <img th:src="'/images/'+${productVO.fileName}" width="185"&ndash;&gt;-->
    <!--&lt;!&ndash;                                     height="155" />&ndash;&gt;-->
    <!--&lt;!&ndash;                            </a>&ndash;&gt;-->
    <!--&lt;!&ndash;                        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;                    </li>&ndash;&gt;-->
    <!--&lt;!&ndash;                </ul>&ndash;&gt;-->
    <!--&lt;!&ndash;            </div>&ndash;&gt;-->
    <!--&lt;!&ndash;            <div class="fresh_right">&ndash;&gt;-->
    <!--&lt;!&ndash;                <ul>&ndash;&gt;-->
    <!--&lt;!&ndash;                    <li><a href="/productDetail.html"><img src="/images/12.png" height="220"&ndash;&gt;-->
    <!--&lt;!&ndash;                    /></a></li>&ndash;&gt;-->
    <!--&lt;!&ndash;                    <li><a href="/productDetail.html"><img src="/images/13.png" height="220"&ndash;&gt;-->
    <!--&lt;!&ndash;                                                           style="margin-top: 5px" /></a></li>&ndash;&gt;-->
    <!--&lt;!&ndash;                </ul>&ndash;&gt;-->
    <!--&lt;!&ndash;            </div>&ndash;&gt;-->
    <!--&lt;!&ndash;        </div>&ndash;&gt;-->
    <!--&lt;!&ndash;    </div>&ndash;&gt;-->


    <div th:each="productCategory:${levelOneProductList}">
        <div class="content mar_20">
            <img th:src="'/images/banner'+${productCategoryStat.index}+'.png'" width="1200"/>
        </div>
        <div class="i_t mar_10">
            <span class="floor_num" th:text="${productCategory.name}"></span> <span class="fl"
                                                                                    th:text="${productCategory.name}"></span>
        </div>
        <div class="content">
            <div class="fresh_left">
                <div class="fre_ban">
                    <div id="imgPlay1" class="imgPlay1">
                        <ul class="imgs" id="actor1">
                            <li><a href="/productDetail"><img
                                    th:src="'/images/top'+${productCategoryStat.index}+'.png'" width="211"
                            /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="fresh_mid">
                <ul>
                    <li th:each="product:${productCategory.productList}">
                        <div class="name">
                            <!--                            <a href="/productDetail" th:text="${product.name}"></a>-->
                            <a th:href="'/product/findById/'+${product.id}" th:text="${product.name}"></a>
                        </div>
                        <div class="price">
                            <font>￥<span th:text="${product.price}"></span></font> &nbsp;
                        </div>
                        <div class="img">
                            <!--                            <a href="/productDetail">-->
                            <a th:href="'/product/findById/'+${product.id}">
                                <img th:src="'/images/'+${product.fileName}" width="185"
                                     height="155"/>

                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="fresh_right">
                <ul>
                    <li><a href="/productDetail"><img src="/images/12.png" height="220"
                    /></a></li>
                    <li><a href="/productDetail"><img src="/images/13.png" height="220"
                                                      style="margin-top: 5px"/></a></li>
                </ul>
            </div>
        </div>
    </div>

</div>

<th:block th:include="common.html :: footer"></th:block>
<!--<div class="b_btm_bg b_btm_c" id="footer">-->
<!--    <div class="b_btm">-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b1.png" width="62" height="62"/></td>-->
<!--                <td><h2>正品保障</h2>正品行货 放心购买</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b2.png" width="62" height="62"/></td>-->
<!--                <td><h2>满38包邮</h2>满38包邮 免运费</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b3.png" width="62" height="62"/></td>-->
<!--                <td><h2>天天低价</h2>天天低价 畅选无忧</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"-->
<!--               cellspacing="0" cellpadding="0">-->
<!--            <tr>-->
<!--                <td width="72"><img src="/images/b4.png" width="62" height="62"/></td>-->
<!--                <td><h2>准时送达</h2>收货时间由你做主</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--    </div>-->
<!--</div>-->
<!--<div class="b_nav">-->
<!--    <dl>-->
<!--        <dt><a href="#">新手上路</a></dt>-->
<!--        <dd><a href="#">售后流程</a></dd>-->
<!--        <dd><a href="#">购物流程</a></dd>-->
<!--        <dd><a href="#">订购方式</a></dd>-->
<!--        <dd><a href="#">隐私声明</a></dd>-->
<!--        <dd><a href="#">推荐分享说明</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">配送与支付</a></dt>-->
<!--        <dd><a href="#">货到付款区域</a></dd>-->
<!--        <dd><a href="#">配送支付查询</a></dd>-->
<!--        <dd><a href="#">支付方式说明</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">会员中心</a></dt>-->
<!--        <dd><a href="#">资金管理</a></dd>-->
<!--        <dd><a href="#">我的收藏</a></dd>-->
<!--        <dd><a href="#">我的订单</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">服务保证</a></dt>-->
<!--        <dd><a href="#">退换货原则</a></dd>-->
<!--        <dd><a href="#">售后服务保证</a></dd>-->
<!--        <dd><a href="#">产品质量保证</a></dd>-->
<!--    </dl>-->
<!--    <dl>-->
<!--        <dt><a href="#">联系我们</a></dt>-->
<!--        <dd><a href="#">网站故障报告</a></dd>-->
<!--        <dd><a href="#">购物咨询</a></dd>-->
<!--        <dd><a href="#">投诉与建议</a></dd>-->
<!--    </dl>-->
<!--    <div class="b_tel_bg">-->
<!--        <a href="#" class="b_sh1">新浪微博</a>-->
<!--        <a href="#" class="b_sh2">腾讯微博</a>-->
<!--        <p>-->
<!--            服务热线：<br/>-->
<!--            <span>400-123-4567</span>-->
<!--        </p>-->
<!--    </div>-->
<!--    <div class="b_er">-->
<!--        <div class="b_er_c"><img src="/images/er.gif" width="118" height="118"/></div>-->
<!--        <img src="/images/ss.png"/>-->
<!--    </div>-->
<!--</div>-->

<th:block th:include="common.html :: permit"></th:block>
<!--<div class="btmbg">-->
<!--    <div class="btm">-->
<!--        备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical-->
<!--        Support: Dgg Group <br/>-->
<!--        <img src="/images/b_1.gif" width="98" height="33"/><img src="/images/b_2.gif" width="98" height="33"/><img-->
<!--            src="/images/b_3.gif" width="98" height="33"/><img src="/images/b_4.gif" width="98" height="33"/><img-->
<!--            src="/images/b_5.gif" width="98" height="33"/><img src="/images/b_6.gif" width="98" height="33"/>-->
<!--    </div>-->
<!--</div>-->

</body>
</html>